﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>资讯详情</title>
    <link rel="stylesheet" href="../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="../assets/css/base.css">
    <link rel="stylesheet" href="../assets/css/sn-style.css">
    <link rel="stylesheet" href="../assets/build/swiper/swiper.jquery.min/swiper.min.css">
    <link rel="stylesheet" href="../assets/css/zixun-detail.css">
</head>

<body>
    <!--header引入区域-->
    <div class="headerbgc">
        <div style="border-bottom:1px solid rgb(228, 228, 228);">
            <div class="head">
                <a href="#" class="logoImg"> <img src="./../assets/image/logo.svg" alt=""></a>
                <p>
                    <a href="#">首页</a>
                    <a href="#" class="nav-active">资讯</a>
                    <a href="#">素材库</a>
                    <a href="#">商业地产</a>
                    <a href="#">供应商</a>
                </p>
                <div class="search-head">
                    <select>
                        <option value="">资讯</option>
                        <option value="">商场</option>
                        <option value="">服务商</option>
                    </select>
                    <input type="text" name="" value="">
                    <a href="#"><img src="./../assets/image/head-search.svg" alt=""></a>
                </div>
                <span class="headLink"><a href="./login/register.html">注册</a><a href="./login/login.html" class="login-link">登录</a></span>
            </div>
        </div>
    </div>
    <div style="height:80px;"></div>
    <div class="container layout sn-clr">
        <div class="pic-title">
            <span>所有素材</span>&nbsp;&nbsp;&nbsp;&nbsp;>
            <a href="#">节日美陈&nbsp;&nbsp;X</a>>&nbsp;&nbsp;
            <span>正文</span>
        </div>
        <div class="con-left">
             <div class="article">
                <div class="article-title">
                    <h3>美妙音乐带你开启奇幻圣诞之旅</h3>
                    <p class="editor">
                        <img src="./../assets/image/gray-circle.png" alt="">
                        <a href="#">美陈网编辑</a>
                        <span>2018-01-26 02:56:29</span>
                    </p>
                    <p>
                        <img src="./../assets/image/green-time.png" alt="">
                        <a href="#">2018年1月21日 (星期日) 下午1时15分 ‑ 3时15分 (2小时)</a>
                    </p>
                    <p>
                        <img src="./../assets/image/green-position.png" alt="">
                        <a href="#">上海艺术中心  》 浦东世纪大道218号</a>
                    </p>
                    <p style="margin-bottom:10px;">
                        <img src="./../assets/image/green-company.png" alt="">
                        <a href="#">顺达展览有限公司</a>
                    </p>
                    <div class="collect-icon">
                        <span>收藏</span><a href="#"><img src="./../assets/image/collect-icon.png" alt=""></a>
                    </div>
                </div>
                <p>商场外墙自带3D效果的灯画设计，给你一夜星空；花圃区棒棒糖花园，与您共筑温暖冬夜。</p>
                <img src="./../assets/image/zixun-article1.jpg" alt="" width="765px" style="margin:10px 0;">
                <img src="./../assets/image/zixun-article2.jpg" alt="" width="375px" style="margin-right:10px;">
                <img src="./../assets/image/zixun-article2.jpg" alt="" width="375px">
                <p style="margin:15px 0;">奇想乐园</p>
                <p style="margin:15px 0;">本次圣诞装饰以“奇幻圣诞乐园”为主题进行延伸，旨在将商场打造成一个能游玩、可拍照的奇幻乐园。主造景以总高度为12M的大眼萌鹿的造型亮相。</p>
                <img src="./../assets/image/zixun-article3.jpg" alt="" width="375px" style="margin-right:10px;">
                <img src="./../assets/image/zixun-article3.jpg" alt="" width="375px">
                <p style="margin:15px 0;">此次圣诞装置加入了动态元素，会敲锣鼓的企鹅、踩着单车的顽皮猴子、吹着喇叭的小松鼠，底部的矿车载着三只小鹅开启了圣诞火车的巡游，这些动态的场景以及各圣诞元素，拐杖、糖果、星星，搭配上圣诞奇妙音乐俨然形成一场“鹿角派对”，让驻足欣赏的顾客感受到另一番趣味。</p>
                <img src="./../assets/image/zixun-article4.jpg" alt="" width="765px" style="margin:10px 0;">
             </div>
             <div class="sn-clr" style="margin-bottom:40px;"><img src="./../assets/image/share.png" alt="" width="250px" style="float:right;"></div>
             <div class="sn-clr">
                 <img src="./../assets/image/white-circle.png" alt="">
                 <div class="pinglun-box">
                    <div style="padding:10px 10px 5px 10px;">
                        <textarea name="" id="" cols="82" rows="6" placeholder="写下您的评论..."></textarea>
                    </div>
                    <div class="pinglun-bot">
                        <a href="#">评论</a>
                    </div>
                 </div>
             </div>
             <div class="liuyan">
                <div class="liuyan-index">
                    <img src="./../assets/image/white-circle.png" alt="">
                    <div class="liuyan-right">
                        <p><span>张三丰</span>&nbsp;&nbsp;&nbsp;&nbsp;7小时前</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.</p>
                        <p><a href="#">回复</a><span class="sq">3 <i></i></span></p>
                    </div>
                </div>
                <div class="liuyan-index">
                    <img src="./../assets/image/white-circle.png" alt="">
                    <div class="liuyan-right">
                        <p><span>张三丰</span>&nbsp;&nbsp;&nbsp;&nbsp;7小时前</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.</p>
                        <p><a href="#">回复</a><span class="sq">3 <i></i></span></p>
                    </div>
                </div>
                <div class="liuyan-index">
                    <img src="./../assets/image/white-circle.png" alt="">
                    <div class="liuyan-right">
                        <p><span>张三丰</span>&nbsp;&nbsp;&nbsp;&nbsp;7小时前</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.</p>
                        <p><a href="#">回复</a><span class="sq">3 <i></i></span></p>
                    </div>
                </div>
                <div class="liuyan-index">
                    <img src="./../assets/image/white-circle.png" alt="">
                    <div class="liuyan-right">
                        <p><span>张三丰</span>&nbsp;&nbsp;&nbsp;&nbsp;7小时前</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.</p>
                        <p><a href="#">回复</a><span class="sq">3 <i></i></span></p>
                    </div>
                </div>
                <div class="liuyan-more">
                    <a href="#">查看更多评论</a>
                </div>
             </div>
             <div class="tuijian-title">
                相关推荐
             </div>
             <div class="tuijian">
                <div class="tuijian-index">
                    <div class="pic-box"></div>
                    <div class="tuijian-right">
                        <h3>首尔游乐天世界大厦、乐天世界购物城</h3>
                        <p>
                            <img src="./../assets/image/green-circle.png" alt="">&nbsp;&nbsp;美陈网编辑&nbsp;&nbsp;35评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9小时前
                        </p>
                    </div>
                </div>
                <div class="tuijian-index">
                    <div class="pic-box"></div>
                    <div class="tuijian-right">
                        <h3>首尔游乐天世界大厦、乐天世界购物城</h3>
                        <p>
                            <img src="./../assets/image/green-circle.png" alt="">&nbsp;&nbsp;美陈网编辑&nbsp;&nbsp;35评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9小时前
                        </p>
                    </div>
                </div>
                <div class="tuijian-index">
                    <div class="pic-box"></div>
                    <div class="tuijian-right">
                        <h3>首尔游乐天世界大厦、乐天世界购物城</h3>
                        <p>
                            <img src="./../assets/image/green-circle.png" alt="">&nbsp;&nbsp;美陈网编辑&nbsp;&nbsp;35评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9小时前
                        </p>
                    </div>
                </div>
                <div class="tuijian-index">
                    <div class="pic-box"></div>
                    <div class="tuijian-right">
                        <h3>首尔游乐天世界大厦、乐天世界购物城</h3>
                        <p>
                            <img src="./../assets/image/green-circle.png" alt="">&nbsp;&nbsp;美陈网编辑&nbsp;&nbsp;35评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9小时前
                        </p>
                    </div>
                </div>
                <div class="tuijian-index">
                    <div class="pic-box"></div>
                    <div class="tuijian-right">
                        <h3>首尔游乐天世界大厦、乐天世界购物城</h3>
                        <p>
                            <img src="./../assets/image/green-circle.png" alt="">&nbsp;&nbsp;美陈网编辑&nbsp;&nbsp;35评&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9小时前
                        </p>
                    </div>
                </div>
             </div>
        </div>
        <div class="con-right">
            <div class="gongxu sn-clr">
                <p>热门资讯</p>
                <div class="gongxu-detail">
                    <div class="gongxu-index sn-clr">
                        <img src="./../assets/image/gongxu-list.jpg" alt="">
                        <div class="index-title">一棵美爆了的六芒星圣诞树和...</div>
                        <div class="index-text">1564评论 2017.10.11</div>
                    </div>
                    <div class="gongxu-index sn-clr">
                        <img src="./../assets/image/gongxu-list.jpg" alt="">
                        <div class="index-title">世界城光谷步行街春节景观定制</div>
                        <div class="index-text">1564查看 2017.10.11</div>
                    </div>
                    <div class="gongxu-index sn-clr">
                        <img src="./../assets/image/gongxu-list.jpg" alt="">
                        <div class="index-title">世界城光谷步行街春节景观定制</div>
                        <div class="index-text">1564查看 2017.10.11</div>
                    </div>
                    <div class="gongxu-index sn-clr">
                        <img src="./../assets/image/gongxu-list.jpg" alt="">
                        <div class="index-title">世界城光谷步行街春节景观定制</div>
                        <div class="index-text">1564查看 2017.10.11</div>
                    </div>
                    <div class="gongxu-index sn-clr">
                        <img src="./../assets/image/gongxu-list.jpg" alt="">
                        <div class="index-title">世界城光谷步行街春节景观定制</div>
                        <div class="index-text">1564查看 2017.10.11</div>
                    </div>
                </div>
            </div>
            <div class="mall sn-clr">
                <p>热门商场</p>
                <div class="mall-detail">
                    <div class="mall-index sn-clr">
                        <img src="./../assets/image/mall-list.jpg" alt="">
                        <span>港汇广场</span>
                        <a href="#">关注</a>
                    </div>
                    <div class="mall-index sn-clr">
                        <img src="./../assets/image/mall-list.jpg" alt="">
                        <span>港汇广场</span>
                        <a href="#">关注</a>
                    </div>
                    <div class="mall-index sn-clr">
                        <img src="./../assets/image/mall-list.jpg" alt="">
                        <span>港汇广场</span>
                        <a href="#">关注</a>
                    </div>
                    <div class="mall-index sn-clr">
                        <img src="./../assets/image/mall-list.jpg" alt="">
                        <span>港汇广场</span>
                        <a href="#">关注</a>
                    </div>
                    <div class="mall-index sn-clr">
                        <img src="./../assets/image/mall-list.jpg" alt="">
                        <span>港汇广场</span>
                        <a href="#">关注</a>
                    </div>
                    <div class="mall-index sn-clr">
                        <img src="./../assets/image/mall-list.jpg" alt="">
                        <span>港汇广场</span>
                        <a href="#">关注</a>
                    </div>
                </div>
            </div>
            <div class="sup sn-clr">
                <p>供应商推荐</p>
                <div class="sup-detail">
                    <div class="sup-index sn-clr">
                        <img src="./../assets/image/sup-list.jpg" alt="">
                        <span>jocx</span>
                        <span style="color:#95D600;">物料工厂</span>
                    </div>
                    <div class="sup-index sn-clr">
                        <img src="./../assets/image/sup-list.jpg" alt="">
                        <span>jocx</span>
                        <span style="color:#95D600;">物料工厂</span>
                    </div>
                    <div class="sup-index sn-clr">
                        <img src="./../assets/image/sup-list.jpg" alt="">
                        <span>jocx</span>
                        <span style="color:#95D600;">物料工厂</span>
                    </div>
                    <div class="sup-index sn-clr">
                        <img src="./../assets/image/sup-list.jpg" alt="">
                        <span>jocx</span>
                        <span style="color:#95D600;">物料工厂</span>
                    </div>
                    <div class="sup-index sn-clr">
                        <img src="./../assets/image/sup-list.jpg" alt="">
                        <span>jocx</span>
                        <span style="color:#95D600;">物料工厂</span>
                    </div>
                    <div class="sup-index sn-clr">
                        <img src="./../assets/image/sup-list.jpg" alt="">
                        <span>jocx</span>
                        <span style="color:#95D600;">物料工厂</span>
                    </div>
                </div>
            </div>
            <div class="ad">
                <span>广告</span>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="layout">
            <div class="left-bot">
                <img src="./../assets/image/bot-logo.svg" alt="">
                <p><span style="margin-right:30px;">关于我们</span><a href="#">关于我们</a>|<a href="#">关于我们</a>|<a href="#">关于我们</a>|<a href="#">关于我们</a></p>
                <p><span style="margin-right:30px;">新手入门</span><a href="#">注册新用户</a>|<a href="#">用户帮助中心</a></p>
                <p><span style="margin-right:30px;">网站规则</span><a href="#">网站服务协议</a>|<a href="#">网站注册协议</a>|<a href="#">网站版权声明</a></p>
                <p style="color:#BCBCBC;">©ALIMAMA MUX, powered by alimama THX.法律声明<br>
转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源，商业媒体及纸媒请先联系：sangxing@taobao.com</p>
            </div>
            <div class="right-bot">
                <h3>有情链接</h3>
                <p class="sn-clr"><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span><span>友情链接1</span></p>
                <div class="circle">
                    <img src="./../assets/image/bot-circle.png" alt="">
                    <img src="./../assets/image/bot-circle.png" alt="">
                    <img src="./../assets/image/bot-circle.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./../assets/build/jquery/dist/jquery.js"></script>
<script>
    
</script>
</html>